@charset "utf-8";

/* class */
.w100p {
width:100%;
}
.cf:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.cf { display:inline-block; }
html[xmlns] .cf { display:block; }
* html .cf { height:1%; }
.size {
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
}
.shadow {
box-shadow:1px 1px 2px #888;
-webkit-box-shadow:1px 1px 2px #888;
-moz-box-shadow:1px 1px 2px #888;
-ms-box-shadow:1px 1px 2px #888;
-o-box-shadow:1px 1px 2px #888;
}

/* map_canvas */

#map_canvas {
	display: inline-block;
	width: 100%;
    height: calc(100% - 200px);
	position: relative;
	overflow: hidden;
}

#map_canvas iframe {
	display: inline-block;
	width: 100%;
	height: 100%;
}


/* zoomControl */
div.gmnoprint div.gmnoprint{
position: absolute;
left: 30px!important;
top: 300px!important;
}
#zoomlevel span { font-weight:bold; font-size:120%; }
#res { color:red; }
/* infowindow */
dl#infowin1 { margin:0; padding:0; }
dl#infowin1 dt { margin:0; padding:0; font-weight:bold; }
dl#infowin1 dd { margin:5px 0 0 0; padding:0; line-height:1.5; }
dl#infowin1 dd img { padding:2px; background:#fff; border:1px solid #ccc; margin-right:5px;}

dl#infowin2 { margin:0; padding:0; }
dl#infowin2 dt { margin:0; padding:0; font-weight:bold; }
dl#infowin2 dd { margin:5px 0 0 0; padding:0; line-height:1.5; }
dl#infowin2 dd img { padding:2px; background:#fff; border:1px solid #ccc; margin-right:5px;}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

#map_canvas { width:80%; height:100%; }

}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {


#map_canvas {
	display: inline-block;
	width: 100%;
    height: calc(1000px - 200px);
	position: relative;
	overflow: hidden;
}

#map_canvas iframe {
	display: inline-block;
	width: 100%;
	height: 100%;
}

textarea#res { width:100%; }

}

/* map */
#map {
width:100%; height:100%; margin:0; padding:0;
}
/* infowindow */
.infowin {
font-size:11px;
overflow:visible;
line-height:1;
}
.infowin p {
margin:5px 0; padding:0;
}
.infowin .picframe {
overflow:hidden;
text-align:center;
}
.infowin .picframe img {
border:2px solid #fff;
overflow:hidden;
margin:5px;
}
.infowin .ttl {
width:96%;
overflow:hidden;
}
.infowin .ttl b {
font-size:130%;
overflow:hidden;
}
.infowin .ttl img {
margin-right:10px;
width:16px; height:16px;
float:left;
overflow:hidden;
}
.infowin ul {
margin:0; padding:0;
list-style:none;
}
.infowin li {
margin:0; padding:0;
list-style:none;
}
.infowin table {
margin:5px 0; padding:0;
border:1px solid #ccc;
border-collapse:collapse;
width:100%;
}
.infowin th {
margin:0; padding:0;
border:1px solid #ccc;
width:6em;
white-space:nowrap;
text-align:center;
}
.infowin td {
margin:0; padding:0 0 0 1em;
border:1px solid #ccc;
text-align:left;
}
.infowin th span {
display:block;
font-weight:normal;
}
.infowin .comment {
margin:5px 0; padding:0;
height:100px;
background:#eee;
overflow:auto;
}
/* panowin */
.panowin {
font-size:11px;
overflow:visible;
line-height:1;
margin:0; padding:0;
}
.panowin .thumb {
text-align:center;
}
.panowin .thumb img {
border:2px solid #fff;
}
.panowin p {
margin:5px 0 0 0; padding:0;
}
/* custom infowindow */
.customwin {
border:1px solid #a0a0a4;
line-height:1;
margin:0; padding:0;
padding:5px;
background:#fff;
margin-bottom:33px;
margin-top:33px;
font-size:11px;
}
.customwin a {
color:#666;
}
.customwin .logo {
width:119px; height:25px;
}
.customwin .author {
margin:0; padding:0;
}
.customwin .thumb {
margin:0 auto 5px auto; padding:0;
width:100%;
}
.customwin .thumb img {
display:block;
width:100%;
}
pre {
overflow:auto;
}
.gm-style .gm-style-iw, .gm-style .gm-style-iw a, .gm-style .gm-style-iw span, .gm-style .gm-style-iw label, .gm-style .gm-style-iw div {
font-weight: 300;
font-size: 13px;
color: #000;
}